<%--
  Created by IntelliJ IDEA.
  User: 倪继文
  Date: 2016/10/19
  Time: 10:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <link rel="stylesheet" href="/static/css/my-stlye.css">
    <link rel="stylesheet" href="/static/css/base.css">
    <link rel="stylesheet" type="text/css" href="/static/css/login-1.css">
    <link rel="stylesheet" type="text/css" href="/static/css/tanchuan.css">
    <link rel="stylesheet" href="/static/js/layui/css/layui.css">
    <link rel="stylesheet" href="/static/js/bootstrap-3.3.5/assets/bootstrap-table/src/bootstrap-table.css">
    <link rel="stylesheet" href="/static/js/bootstrap-3.3.5/assets/examples.css">
    <link rel="stylesheet" href="/static/js/bootstrap-3.3.5/css/bootstrap.css">
    <link rel="stylesheet" href="/static/js/plugins/layer/skin/layer.css">
    <link rel="stylesheet" type="text/css" href="/static/js/jquery-easyui-1.5/themes/default/easyui.css">
    <link rel="stylesheet" href="/static/js/plugins/layer/skin/layer.css">
    <link rel="stylesheet" href="/static/js/plugins/layer/skin/myskin/style.css">
    <link href="/static/js/my97DatePicker/skin/WdatePicker.css" rel="stylesheet" type="text/css">


    <script type="text/javascript" src="/static/js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap-3.3.5/bootstrap.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-easyui-1.5/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/js/easyuiPager.js"></script>
    <script type="text/javascript" src="/static/js/jquery-easyui-1.5/datagrid-filter.js"></script>
    <script type="text/javascript" src="/static/js/plugins/layer/layer.js"></script>
    <script type="text/javascript" src="/static/js/my97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/static/js/dlchart.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>

    <script type="text/javascript" src="/static/js/echarts-2.2.7/build/source/theme/macarons.js"></script>
    <script type="text/javascript" src="/static/js/common.js"></script>
    <script type="text/javascript" src="/static/js/my97DatePicker/WdatePicker.js"></script>
    <title>首页</title>

    <script type="text/javascript">
        $(function () {
            var date = $.getdate.getPresentDate();
            var now = new Date(); 
            now.addDays(-30);//加减日期操作	
			$('#srq').val(now.format("yyyy-MM-dd"));
            $('#erq').val(date);
            search();
        })
        function search() {
            GetKPI();
            Grfbt();
            GrbwTop();
			Ygysfbt();
			KjywTop();
        }
        function GetKPI() {
            $.getJSON("/commapiV2", {
                p_dm: "GetSyInfo",
                Sdate: $('#srq').val(),
                Edate: $('#erq').val()
            }, function (data) {
                if (data.success) {
                    $('#F1').text(data.Table[0].F1);
                    $('#F1_T').text(data.Table[0].F1_t);
                    $('#F1_H').text(data.Table[0].F1_h);
                    $("[name='span']").remove();
                    if (data.Table[0].F1_t > 0) {
                        $("#F1_t").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F1_t < 0) {
                        $("#F1_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F1_h > 0) {
                        $("#F1_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F1_h < 0) {
                        $("#F1_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    $('#F2').text(data.Table[0].F2);
                    $('#F2_T').text(data.Table[0].F2_t);
                    $('#F2_H').text(data.Table[0].F2_h);

                    if (data.Table[0].F2_t > 0) {
                        $("#F2_t").append("<span name='span'  class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F2_t < 0) {
                        $("#F2_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F2_h > 0) {
                        $("#F2_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F2_h < 0) {
                        $("#F2_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }

                    $('#F3').text(data.Table[0].F3);
                    $('#F3_T').text(data.Table[0].F3_t);
                    $('#F3_H').text(data.Table[0].F3_h);

                    if (data.Table[0].F3_t > 0) {
                        $("#F3_t").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F3_t < 0) {
                        $("#F3_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F3_h > 0) {
                        $("#F3_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F3_h < 0) {
                        $("#F3_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    $('#F4').text(data.Table[0].F4);
                    $('#F4_T').text(data.Table[0].F4_t);
                    $('#F4_H').text(data.Table[0].F4_h);
                    if (data.Table[0].F4_t > 0) {
                        $("#F4_t").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F4_t < 0) {
                        $("#F4_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F4_h > 0) {
                        $("#F4_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F4_h < 0) {
                        $("#F4_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }


                    $('#F5').text(data.Table[0].F5);
                    $('#F5_T').text(data.Table[0].F5_t);
                    $('#F5_H').text(data.Table[0].F5_h);
                    if (data.Table[0].F5_t > 0) {
                        $(F5_t).append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F5_t < 0) {
                        $("#F5_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F5_h > 0) {
                        $("#F5_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F5_h < 0) {
                        $("#F5_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    $('#F6').text(data.Table[0].F6);
                    $('#F6_T').text(data.Table[0].F6_t);
                    $('#F6_H').text(data.Table[0].F6_h);
                    if (data.Table[0].F6_t > 0) {
                        $(F6_t).append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F6_t < 0) {
                        $("#F6_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F6_h > 0) {
                        $("#F6_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F6_h < 0) {
                        $("#F6_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    $('#F7').text(data.Table[0].F7);
                    $('#F7_T').text(data.Table[0].F7_t);
                    $('#F7_H').text(data.Table[0].F7_h);
                    if (data.Table[0].F7_t > 0) {
                        $(F7_t).append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F7_t < 0) {
                        $("#F7_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F7_h > 0) {
                        $("#F7_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F7_h < 0) {
                        $("#F7_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    $('#F8').text(data.Table[0].F8);
                    $('#F8_T').text(data.Table[0].F8_t);
                    $('#F8_H').text(data.Table[0].F8_h);
                    if (data.Table[0].F8_t > 0) {
                        $(F8_t).append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F8_t < 0) {
                        $("#F8_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F8_h > 0) {
                        $("#F8_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F8_h < 0) {
                        $("#F8_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    $('#F9').text(data.Table[0].F9);
                    $('#F9_T').text(data.Table[0].F9_t);
                    $('#F9_H').text(data.Table[0].F9_h);
                    if (data.Table[0].F9_t > 0) {
                        $(F9_t).append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F9_t < 0) {
                        $("#F9_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F9_h > 0) {
                        $("#F9_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F9_h < 0) {
                        $("#F9_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }

                    $('#F10').text(data.Table[0].F10);
                    $('#F10_T').text(data.Table[0].F10_t);
                    $('#F10_H').text(data.Table[0].F10_h);
                    if (data.Table[0].F10_t > 0) {
                        $(F10_t).append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F10_t < 0) {
                        $("#F10_t").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                    if (data.Table[0].F10_h > 0) {
                        $("#F10_h").append("<span name='span' class='glyphicon glyphicon-arrow-up' style='color:red'></span>");
                    }
                    if (data.Table[0].F10_h < 0) {
                        $("#F10_h").append("<span name='span' class='glyphicon glyphicon-arrow-down' ></span>");
                    }
                }
            }, true);
        }
        function Grfbt() {
            $.getJSON("/commapiV2", {
                p_dm: "Thz_Grinfo_GetFb",
                Sdate: $('#srq').val(),
                Edate: $('#erq').val()
            }, function (data) {
                if (data.success) {
                    var legenddata = new Array();
                    var seriesdata = new Array();
                    $.each(data.Table, function (i, obj) {
                        legenddata.push(obj.name);
                        seriesdata.push(obj);
                    })
                    SetBtData('感染部位分布','', seriesdata,'Grbwfb','感染人数');
                }
            })
        }
		function Ygysfbt() {
            $.getJSON("/commapiV2", {
                p_dm: "Thz_Grinfo_GetYgysFB",
                Sdate: $('#srq').val(),
                Edate: $('#erq').val()
            }, function (data) {
                if (data.success) {
                    var legenddata = new Array();
                    var seriesdata = new Array();
                    $.each(data.Table, function (i, obj) {
                        legenddata.push(obj.name);
                        seriesdata.push(obj);
                    })
                    SetBtData('易感因素分布','', seriesdata,'ygysfb','感染人数');
                }
            })
        }
        function SetBtData(strtitle,legenddata, seriesdata,divname,seriesname) {
            var myChart = echarts.init(document.getElementById(divname), 'macarons.js');
            option = {
                title: {
                    text: strtitle,
                    subtext: '',
                    x: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    x: 'left',
                    data: legenddata
                },
                toolbox: {
                    show: true,
                    feature: {
                        mark: {show: true},
                        dataView: {show: true, readOnly: false},
                        magicType: {
                            show: true,
                            type: ['pie', 'funnel'],
                            option: {
                                funnel: {
                                    x: '25%',
                                    width: '50%',
                                    funnelAlign: 'left',
                                    max: 1548
                                }
                            }
                        },
                        restore: {show: true},
                        saveAsImage: {show: true}
                    }
                },
                calculable: true,
                series: [
                    {
                        name: seriesname,
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: seriesdata
                    }
                ]
            }
            myChart.setOption(option);
        }
        function GrbwTop() {
            $.getJSON("/commapiV2", {
                p_dm: "Thz_Grinfo_GetGrksTop",
                Sdate: $('#srq').val(),
                Edate: $('#erq').val()
            }, function (data) {
                if (data.success) {
                    var xAxisddata = new Array();
                    var seriesdata = new Array();
                    $.each(data.Table, function (i, obj) {
                        xAxisddata.push(obj.name);
                        seriesdata.push(obj.value);
                    })
                    SetGrlTop('感染率TOP10','感染率排序',xAxisddata, seriesdata,'GrlTop10');
                }
            })
        }
		function KjywTop() {
            $.getJSON("/commapiV2", {
                p_dm: "Thz_jbxx_GetKjywsyl",
                Sdate: $('#srq').val(),
                Edate: $('#erq').val()
            }, function (data) {
                if (data.success) {
                    var xAxisddata = new Array();
                    var seriesdata = new Array();
                    $.each(data.Table, function (i, obj) {
                        xAxisddata.push(obj.name);
                        seriesdata.push(obj.value);
                    })
                    SetGrlTop('抗菌药药物使用率TOP10','抗菌药物使用率排序',xAxisddata, seriesdata,'kjywtop10');
                }
            })
        }
        function SetGrlTop(strtitle,strsubtext,xAxisddata, seriesdata,divname) {

            var myChart = echarts.init(document.getElementById(divname), 'macarons.js');
            option = {
                title: {
                    text: strtitle,
                    subtext: strsubtext
                },
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['感染率']
                },
                toolbox: {
                    show: true,
                    feature: {
                        mark: {show: true},
                        dataView: {show: true, readOnly: false},
                        magicType: {show: true, type: ['line', 'bar']},
                        restore: {show: true},
                        saveAsImage: {show: true}
                    }
                },
                calculable: true,
                xAxis: [
                    {
                        type: 'category',
                        data: xAxisddata
                    }
                ],
                yAxis: [
                    {
                        type: 'value'
                    }
                ],
                series: [
                    {
                        name: '感染率',
                        type: 'bar',
                        data: seriesdata,
                        markPoint: {
                            data: [
                                {type: 'max', name: '最大值'},
                                {type: 'min', name: '最小值'}
                            ]
                        }
                       
                    }
                ]

            }
            myChart.setOption(option);

        }

    </script>

</head>
<body>


<div class="top-demand" id="top-demand" style="top: 0px;">
    <div style="height: auto;">
        <ul id="topdiv" style="margin-bottom: 0px; float: left; line-height: 40px">
            <label>日期：</label>
            <input type="text" class="Wdate" id="srq"
                   style="width: 120px;height: 28px;vertical-align: middle;margin-bottom: 3px;border-radius:2px;border: 1px solid #ddd !important"
                   onfocus="WdatePicker({el:'srq',startDate:'%y',dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true,maxDate:'%y'})">
            <input type=" text" class="Wdate" id="erq" style="width: 120px;height: 28px;vertical-align:
            middle;margin-bottom: 3px;border-radius:2px;border: 1px solid #ddd !important"
                   onfocus="WdatePicker({el:'erq',startDate:'%y',dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true,maxDate:'%y'})">
        </ul>
        <div class="top-btn" onclick="search()">查询</div>
    </div>
</div>

<div id="item2" class="man-c-2 main-center" style="padding: 0; width: 100%;margin-top: 47px; ">
    <div class=" zhibiao-tree"
         style="overflow: hidden;height:150px; background: #fff;margin:0 5px; ">
        <div class="col-xs-4 zhibiao1">
            <table style="height: 26px;">
                <tr>
                    <th style="width: 33%; font-weight:bold">医院感染情况分析</th>
                    <td style="width: 20%;color: #3183ca;">报告期</td>
                    <td style="width: 24%;color: #3183ca;">同比增长%</td>
                    <td style="width: 24%;color: #3183ca;">环比增长%</td>
                </tr>
            </table>
            <div class="mar-left">
                <table>
                    <tbody>
                    <tr>

                        <th style="width: 33%">感染发病率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F1"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F1_t'><label id="F1_T"></label>
                        </td>
                        <td style="width: 24%;color: #3183ca;" id='F1_h'><label id="F1_H"></label>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">CLABSI感染发病率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F4"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F4_t'><label id="F4_T"></label>
                        </td>
                        <td style="width: 24%;color: #3183ca;" id='F4_h'><label id="F4_H"></label>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">VAP感染发病率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F5"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F5_t'><label id="F5_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F5_h'><label id="F5_H"></label></td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">CAUTI感染发病率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F3"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F3_t'><label id="F3_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F3_h'><label id="F3_H"></label></td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">术后肺炎感染率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F2"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F2_t'><label id="F2_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F2_h'><label id="F2_H"></label></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-xs-4 zhibiao2">
            <table style="height: 26px;border-bottom: 1px solid #ddd">
                <tr>
                    <th style="width: 33%; font-weight:bold">抗菌药物使用情况</th>
                    <td style="width: 20%;color: #3183ca;">报告期</td>
                    <td style="width: 24%;color: #3183ca;">同比增长%</td>
                    <td style="width: 24%;color: #3183ca;">环比增长%</td>
                </tr>
            </table>
            <div class="mar-left">
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">出院患者抗菌药物使用率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F6"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F6_t'><label id="F6_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F6_h'><label id="F6_H"></label></td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">出院患者使用抗菌药物病原学送检率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F7"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F7_t'><label id="F7_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F7_h'><label id="F7_H"></label></td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">出院患者治疗性使用抗菌药物病原学送检率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F8"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F8_t'><label id="F8_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F8_h'><label id="F8_H"></label></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-xs-4 zhibiao3">
            <table style="height: 26px;border-bottom: 1px solid #ddd">
                <tr>
                    <th style="width: 33%; font-weight:bold">手术感染指标分析</th>
                    <td style="width: 20%;color: #3183ca;">报告期</td>
                    <td style="width: 24%;color: #3183ca;">同比增长%</td>
                    <td style="width: 24%;color: #3183ca;">环比增长%</td>
                </tr>
            </table>
            <div class="mar-left">
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">手术部位感染率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F9"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F9_t'><label id="F9_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F9_h'><label id="F9_H"></label></td>
                    </tr>
                    </tbody>
                </table>
                <table>
                    <tbody>
                    <tr>
                        <th style="width: 33%">I类切口手术手术部位感染率</th>
                        <td style="width: 20%;color: #3183ca;"><label id="F10"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F10_t'><label id="F10_T"></label></td>
                        <td style="width: 24%;color: #3183ca;" id='F10_h'><label id="F10_H"></label></td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>

<div class="main-center" style="height: 400px;">
    <div id="item3" class="man-c-2 hd-dian col-xs-6" style="padding-right: 0px; width:30%">
        <div class="bg-f" style="overflow: hidden;height:auto">
            <div class="zhibiao-top back-zb">
                <b class="back-b">感染部位分布</b>
            </div>
            <div class="zhibiao2" id="Grbwfb" style="height: 350px;position: relative; background: transparent;">

            </div>
        </div>
    </div>

    <div class="man-c-2 col-xs-6" style="padding-right: 0px; width:70%">
        <div class="bg-f" style="overflow: hidden;height:auto">
            <div class="zhibiao-top back-zb">
                <b class="back-b">感染率科室Top10</b>
            </div>
            <div class="zhibiao2" id="GrlTop10" style="height: 350px;  position: relative; background: transparent;">

            </div>
        </div>
    </div>
</div>

<div class="main-center" style="height: 400px;">
    <div id="item3" class="man-c-2 hd-dian col-xs-6" style="padding-right: 0px; width:30%; ">
        <div class="bg-f" style="overflow: hidden;height:auto">
            <div class="zhibiao-top back-zb">
                <b class="back-b">易感因素分布</b>
            </div>
            <div class="zhibiao2" id="ygysfb" style="height: 350px;position: relative; background: transparent;">

            </div>
        </div>
    </div>

    <div class="man-c-2 col-xs-6" style="padding-right: 0px; width:70%;">
        <div class="bg-f" style="overflow: hidden;height:auto">
            <div class="zhibiao-top back-zb">
                <b class="back-b">抗菌药物使用率Top10</b>
            </div>
            <div class="zhibiao2" id="kjywtop10" style="height: 350px;  position: relative; background: transparent;">

            </div>
        </div>
    </div>
</div>

</body>
</html>
